프런트엔드 개발 웹팩 개발 온 가족 통 개발 환경 구성 프록시 서비스 구성, 개발 환경 인터페이스 크로스 도메인 문제 해결 다중 환경 구성 하나의 환경에 대한 구성 파일 //# sourceMappingURL=jquery.min.map 설정 방식: webpack.config.js 증가devtool:'source-map 웹 팩은 12가지sourceMap 방식을 지원하며 효율과 효과는 각각 다릅니다.구체적인 선택 규칙: 환경에 따라 구... webpack프런트엔드 개발프런트 엔드 onbeforeunload 이벤트 검사 창 새로 고침 또는 닫기 사용 onunload, onbeforeunload는 페이지를 새로 고치거나 닫을 때 호출됩니다. onbeforeunload는 페이지를 새로 고치거나 닫기 전에 터치합니다. 브라우저는 서버에 새 페이지를 읽으라고 요청하지 않았기 때문에 onbeforeunload는 페이지의 업데이트나 닫기를 막을 수 있습니다. onunload도 페이지를 새로 고치거나 닫을 때 터치하지만, 브라우저가 서버에 새 페이지... 프런트엔드 개발 ext의form 폼 요소에 클릭 감청 이벤트 추가 우선 이런 form이 있습니다. 폼 폼에는 textfield,textarea,combo를 포함한 여러 가지 요소가 있습니다. "SP 번호"에 클릭 응답 이벤트를 적습니다. 이 listener는 다음과 같습니다. listeners:{render:function(p){Ext.getCmp('sp_id').getEl().on('click', setSpID); }}(위 코드 참조), 클릭 시 응답 이... ExtJS프런트엔드 개발 vue+elementUI에서 el-radio 기본값 설정 백엔드에서 되돌아오는 단일 선택 상자의 값이number라면 단일 선택 상자의 lable은: lable='0'으로 설정해야 한다.다음과 같습니다: 백엔드에서 문자열을 되돌려주면 정상적으로 쓴다.... 프런트엔드 개발 React 학습 - 이벤트 시스템 React에서 가상 DOM은 대상의 형식으로 존재하기 때문에 이 대상에 이벤트를 귀속시키려면 매우 간단합니다.React는 VirtualDOM을 기반으로 합성 이벤트 층을 실현했습니다. 이런 쓰기 방법은 원래의 HTML 이벤트 감청기 속성과 매우 비슷하다.그러나 자세히 살펴보면 차이점이 있다. 그것이 바로 사건 위임과 자동 귀속이다. React는 이벤트 처리 함수를 실제 노드에 직접 연결하지 ... 프런트엔드 개발 THIS 사용 시나리오 요약 1. 현재 원소의 어떤 이벤트 귀속 방법을 주고 이벤트 트리거 방법이 실행될 때 방법 중의this는 현재 조작의 원소 대상이다 2. 일반 함수 집행, 함수 중의this는 집행의 주체에 달려 있다. 누가 집행하는this는 바로 누가 즉각 집행하는 함수로 대상 호출이 없기 때문에this는 window이다(엄격한 모드에서 점this는undefined이다) 3. 구조 방법 집행, 방법체 중의this... 프런트엔드 개발 구성 요소화된 전단 개발 프로세스 페이지가 많으면 물건이 어지러워지기 때문에 우리는 하나의 개발 절차를 통일해야 한다.개발 절차의 좋고 나쁨은 페이지 개발의 효율에 직접적인 영향을 주고 게임의 시간에 간접적으로 영향을 미친다. 페이지를 빠르게 완성할 수 있습니다. 구성 요소화 방식을 통해 코드의 재사용을 확보하고 중복 노동을 피한다. 문서의 보관 규범. 코드의 조직 구조와 인코딩 규범. 모든 팀은 자신의 개발 절차 규범을 가... 프런트엔드 개발 데이터grid 페이지에서 폼의 데이터를 가져오는 예 최근에 ITOO 평가를 할 때 페이지에서 선택한 데이터를 가져오려고 합니다. 데이터 그리드(datagrid) 구성 요소에는 선택된 행 데이터를 검색하는 두 가지 방법이 있습니다. getSelected: 첫 번째 선택한 줄의 데이터를 가져옵니다. 선택한 줄이 없으면null로 돌아가고, 그렇지 않으면 기록을 되돌려줍니다. getSelections: 선택한 줄 데이터를 가져와 요소가 기록한 그룹 ... 양식프런트엔드 개발개발자ITOO 코드 트리거, 수동 트리거 터치 start 이벤트, 터치 이벤트, 클릭 이벤트, 사용자 정의 이벤트 작업 중에 어떤 이벤트를 수동으로 터치하거나 사용자 정의 이벤트를 터치하는 데 코드가 필요할 때가 있습니다. 보통 클릭 이벤트를 터치하는 방법은eleme입니다.클릭(), 터치start를 만나면 통하지 않습니다. 다음과 같은 방법을 사용할 수 있다 init Event는 웹 표준에서 삭제되었습니다. 일부 브라우저는 현재 지원하지만, 이 방법을 사용하지 마십시오. Event 구조 함수를 사용할 수... 프런트엔드 개발 axios에서 qs 사용 qs 1. 쓰기 요청 2. qs 1. 대비 2. 사용 장면: 코드를 볼 때 다음과 같은 코드를 보았을 때 두 가지 문제에 부딪혔다. 하나는 이 요청의 작성법이고 두 번째는 qs이다. 이전에 axios 요청 데이터를 사용했는데 쓰기 방법은 모두 아래와 같다. 나중에 문서를 찾아보니 이런 문법이 있었다. qs.stringify()이 방법을 보고 내가 가장 먼저 생각한 것은JSON.stringif... 프런트엔드 개발 django 페이지가 반응하지 않음/계속 불러오는 중/요청이 성공했지만 이동하지 않음: 두 가지 흔한 상황 Django를 사용할 때 페이지가 정상적으로 요청되고 아무런 오류도 발생하지 않으며 심지어 경고도 없는 상황에서도 페이지가 제자리에서 움직이지 않거나 깜빡거리거나 애니메이션을 불러오는 상황을 무한히 표시하는 것이 본문에 적용된다. 이 문제의 묘사는 비교적 두루뭉술하지만 내가 현재 만난 두 가지 상황을 보면 모두 비교적 중요하고 실용적인 것 같아서 각각 설명하려고 한다. r'^'는 시작만 제한... python 학습프런트엔드 개발Django백엔드 개발전 창고 클라이언트와 서비스에서 쿠키 사용에 대해 이야기 정의 무상태의 http 요청에 상태 표시를 추가하여 서비스 측이 식별할 수 있도록 하고 클라이언트 캐시라고도 부른다. 쿠키의 구조 key: 쿠키의 이름 value: 쿠키의 값 expires: 쿠키의 실효 날짜(UTC 시간 문자열) max-age: 쿠키의 실효 간격(초), 우선순위가expires 보다 높음 path: 디렉터리에 따라 쿠키의 공유를 제한하고 주동적으로 설정하지 않으면 현재 페이지... 프런트엔드 개발
웹팩 개발 온 가족 통 개발 환경 구성 프록시 서비스 구성, 개발 환경 인터페이스 크로스 도메인 문제 해결 다중 환경 구성 하나의 환경에 대한 구성 파일 //# sourceMappingURL=jquery.min.map 설정 방식: webpack.config.js 증가devtool:'source-map 웹 팩은 12가지sourceMap 방식을 지원하며 효율과 효과는 각각 다릅니다.구체적인 선택 규칙: 환경에 따라 구... webpack프런트엔드 개발프런트 엔드 onbeforeunload 이벤트 검사 창 새로 고침 또는 닫기 사용 onunload, onbeforeunload는 페이지를 새로 고치거나 닫을 때 호출됩니다. onbeforeunload는 페이지를 새로 고치거나 닫기 전에 터치합니다. 브라우저는 서버에 새 페이지를 읽으라고 요청하지 않았기 때문에 onbeforeunload는 페이지의 업데이트나 닫기를 막을 수 있습니다. onunload도 페이지를 새로 고치거나 닫을 때 터치하지만, 브라우저가 서버에 새 페이지... 프런트엔드 개발 ext의form 폼 요소에 클릭 감청 이벤트 추가 우선 이런 form이 있습니다. 폼 폼에는 textfield,textarea,combo를 포함한 여러 가지 요소가 있습니다. "SP 번호"에 클릭 응답 이벤트를 적습니다. 이 listener는 다음과 같습니다. listeners:{render:function(p){Ext.getCmp('sp_id').getEl().on('click', setSpID); }}(위 코드 참조), 클릭 시 응답 이... ExtJS프런트엔드 개발 vue+elementUI에서 el-radio 기본값 설정 백엔드에서 되돌아오는 단일 선택 상자의 값이number라면 단일 선택 상자의 lable은: lable='0'으로 설정해야 한다.다음과 같습니다: 백엔드에서 문자열을 되돌려주면 정상적으로 쓴다.... 프런트엔드 개발 React 학습 - 이벤트 시스템 React에서 가상 DOM은 대상의 형식으로 존재하기 때문에 이 대상에 이벤트를 귀속시키려면 매우 간단합니다.React는 VirtualDOM을 기반으로 합성 이벤트 층을 실현했습니다. 이런 쓰기 방법은 원래의 HTML 이벤트 감청기 속성과 매우 비슷하다.그러나 자세히 살펴보면 차이점이 있다. 그것이 바로 사건 위임과 자동 귀속이다. React는 이벤트 처리 함수를 실제 노드에 직접 연결하지 ... 프런트엔드 개발 THIS 사용 시나리오 요약 1. 현재 원소의 어떤 이벤트 귀속 방법을 주고 이벤트 트리거 방법이 실행될 때 방법 중의this는 현재 조작의 원소 대상이다 2. 일반 함수 집행, 함수 중의this는 집행의 주체에 달려 있다. 누가 집행하는this는 바로 누가 즉각 집행하는 함수로 대상 호출이 없기 때문에this는 window이다(엄격한 모드에서 점this는undefined이다) 3. 구조 방법 집행, 방법체 중의this... 프런트엔드 개발 구성 요소화된 전단 개발 프로세스 페이지가 많으면 물건이 어지러워지기 때문에 우리는 하나의 개발 절차를 통일해야 한다.개발 절차의 좋고 나쁨은 페이지 개발의 효율에 직접적인 영향을 주고 게임의 시간에 간접적으로 영향을 미친다. 페이지를 빠르게 완성할 수 있습니다. 구성 요소화 방식을 통해 코드의 재사용을 확보하고 중복 노동을 피한다. 문서의 보관 규범. 코드의 조직 구조와 인코딩 규범. 모든 팀은 자신의 개발 절차 규범을 가... 프런트엔드 개발 데이터grid 페이지에서 폼의 데이터를 가져오는 예 최근에 ITOO 평가를 할 때 페이지에서 선택한 데이터를 가져오려고 합니다. 데이터 그리드(datagrid) 구성 요소에는 선택된 행 데이터를 검색하는 두 가지 방법이 있습니다. getSelected: 첫 번째 선택한 줄의 데이터를 가져옵니다. 선택한 줄이 없으면null로 돌아가고, 그렇지 않으면 기록을 되돌려줍니다. getSelections: 선택한 줄 데이터를 가져와 요소가 기록한 그룹 ... 양식프런트엔드 개발개발자ITOO 코드 트리거, 수동 트리거 터치 start 이벤트, 터치 이벤트, 클릭 이벤트, 사용자 정의 이벤트 작업 중에 어떤 이벤트를 수동으로 터치하거나 사용자 정의 이벤트를 터치하는 데 코드가 필요할 때가 있습니다. 보통 클릭 이벤트를 터치하는 방법은eleme입니다.클릭(), 터치start를 만나면 통하지 않습니다. 다음과 같은 방법을 사용할 수 있다 init Event는 웹 표준에서 삭제되었습니다. 일부 브라우저는 현재 지원하지만, 이 방법을 사용하지 마십시오. Event 구조 함수를 사용할 수... 프런트엔드 개발 axios에서 qs 사용 qs 1. 쓰기 요청 2. qs 1. 대비 2. 사용 장면: 코드를 볼 때 다음과 같은 코드를 보았을 때 두 가지 문제에 부딪혔다. 하나는 이 요청의 작성법이고 두 번째는 qs이다. 이전에 axios 요청 데이터를 사용했는데 쓰기 방법은 모두 아래와 같다. 나중에 문서를 찾아보니 이런 문법이 있었다. qs.stringify()이 방법을 보고 내가 가장 먼저 생각한 것은JSON.stringif... 프런트엔드 개발 django 페이지가 반응하지 않음/계속 불러오는 중/요청이 성공했지만 이동하지 않음: 두 가지 흔한 상황 Django를 사용할 때 페이지가 정상적으로 요청되고 아무런 오류도 발생하지 않으며 심지어 경고도 없는 상황에서도 페이지가 제자리에서 움직이지 않거나 깜빡거리거나 애니메이션을 불러오는 상황을 무한히 표시하는 것이 본문에 적용된다. 이 문제의 묘사는 비교적 두루뭉술하지만 내가 현재 만난 두 가지 상황을 보면 모두 비교적 중요하고 실용적인 것 같아서 각각 설명하려고 한다. r'^'는 시작만 제한... python 학습프런트엔드 개발Django백엔드 개발전 창고 클라이언트와 서비스에서 쿠키 사용에 대해 이야기 정의 무상태의 http 요청에 상태 표시를 추가하여 서비스 측이 식별할 수 있도록 하고 클라이언트 캐시라고도 부른다. 쿠키의 구조 key: 쿠키의 이름 value: 쿠키의 값 expires: 쿠키의 실효 날짜(UTC 시간 문자열) max-age: 쿠키의 실효 간격(초), 우선순위가expires 보다 높음 path: 디렉터리에 따라 쿠키의 공유를 제한하고 주동적으로 설정하지 않으면 현재 페이지... 프런트엔드 개발